<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<title></title>
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">
		<style>
			html,body{height: 100%;overflow: auto;}
			.mui-table-view{width: 7.5rem;margin-top: 0.5rem;}
			.mui-table-view:after,.mui-table-view:before{height: 0;}
			.mui-table-view-cell{width: 100%;height: 0.90rem;padding: 0 !important;position: relative;padding-left: 0.5rem !important;padding-right: 0.3rem !important;}
			.mui-table-view-cell span{font-size: 0.3rem;float: left;display: inline-block;height: 100%;line-height: 0.9rem;text-align: center;}
			.mui-table-view-cell span:last-child{float:right;color: #999999;}
			
			.mui-table-view-cell label{float: left;font-size: 0.3rem;height: 0.90rem;text-align: center;line-height: 0.90rem;}
			.mui-table-view-cell input{float: right;margin: 0;border: none;font-size: 0.3rem;width: 80%;height: 100%;}
			.tx{width: 1.2rem;height:0.30rem;color: #117afd;position: absolute;right: 0;font-size: 0.28rem;top: 50%;margin-top: -0.15rem;}
			
			.mui-table-view-cell.mui-active{background-color: #fff;}
			.next{width: 6rem;height: 0.68rem;background: #117afd;font-size: 0.3rem;color: #fff;border: none;outline: none;border-radius: 0.1rem;margin: 0 auto;margin-top: 0.5rem;}
			.code{width: 1.92rem;height: 0.66rem;font-size: 0.28rem;}
			
			.success{background: #fff url(../../images/menu/ok.png) no-repeat center left;background-size: 0.42rem;width: 100%;padding-left: 2.8rem;background-position-x: 2.0rem;font-size: 0.30rem;height: 2.3rem;margin-top: 0.2rem;padding-top: 0.7rem;}
			.tels{font-size: 0.26rem;color: #999;}
		</style>
	</head>
	<body>
		<!--<div class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="back">返回</a>
			<h1 class="mui-title">手机号认证</h1>
		</div>-->
		
		<ul class="mui-table-view">
		    <li class="mui-table-view-cell">
		    	<span>姓名</span><span id="name"><!--郭*曼--></span>
		    </li>
		    <li class="mui-table-view-cell">
		    	<span>身份证</span><span id="idCard"><!--342221****7441--></span>
		    </li>
		</ul>
		<div class="success">
			<div class="info">银联卡实名认证成功</div>
			<div class="tels">当前手机账号：<span id="phone"><!--18256914330--></span></div>
		</div>
		
	
		
		<button class="next mui-btn mui-btn-primary">返回</button>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/jquery2.2.4.min.js"></script>
	<script src="../../js/common.js"></script>
	<script>
		mui.plusReady(function(){
			var name = localStorage.getItem("realName");
			var idCard = utils.getUrlParam("idCard");
			var phone = utils.getUrlParam("phone");
			var tempId = idCard;
			var tempName = name;
			
			if(name != null && name != undefined){
				tempName = "";
				for(var i=0; i<name.length-1;i++){
					tempName +="*";
				}
				tempName +=name.charAt(name.length-1)
			}
			
			if(idCard != null){
				tempId = idCard.substr(0,6);
				for(var i=6; i<idCard.length-4;i++){
					tempId +="*";
				}
				tempId += idCard.substr(idCard.length - 4);
			}
			document.getElementById('name').innerHTML = tempName?tempName:'';
			document.getElementById('idCard').innerHTML = tempId?tempId:'';
			document.getElementById('phone').innerHTML = phone;
		})
		document.querySelector('.next').addEventListener('tap',function(){
			mui.back();
		})
		
	</script>
</html>